<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="../../zxt/zxt.js"></script>
    <script>
    	importZXT("../../zxt");
    </script>
	
</head>

<body class="bodyBackground">

	<div id="p1">
		<table>
			<tr>
				<td>hide()</td>
				<td>隐藏对话框</td>
				<td><input type="button" name="hide" value="hide" 
					onclick="pop.hide();alert('弹出框关闭');"/></td>
			</tr>
		</table>
		 <div id="ttt" style='width:100px'></div>
		 <div id="combobox1" zxt="zxt.ui.Combobox" zxt.labelonly="false" zxt.required="true" zxt.options="A:1,B:2,C:3" zxt.chooseonly="false"></div>
	</div>
  	<table>
    	<tr>
			<td>getType()</td>
			<td>返回按钮的控件类型</td>
			<td><input type="button" name="getType" value="getType" 
				onclick="alert('弹出框的type为'+pop.getType());"/></td>
		</tr>
		<tr>
			<td>show()</td>
			<td>弹出／显示对话框</td>
			<td><input type="button" name="show" value="show" 
				onclick="pop.show();alert('弹出框弹出');"/></td>
		</tr>
		<tr>
			<td>caption(c)</td>
			<td>(string) [GETTER | SETTER] 对话框标题的名称</td>
			<td><input type="button" name="caption" value="caption" 
				onclick="alert('弹出框的caption为'+pop.caption());"/></td>
		</tr>
		<tr>
			<td>content(c)</td>
			<td>(string) [GETTER | SETTER] 对话框内容</td>
			<td><input type="button" name="content" value="content" 
				onclick="alert('弹出框的content为'+pop.content());"/></td>
		</tr>
		<tr>
			<td>height(h)</td>
			<td>(string) [GETTER | SETTER] 对话框的高度</td>
			<td><input type="button" name="height" value="height" 
				onclick="alert('弹出框的height为'+pop.height());"/></td>
		</tr>
		<tr>
			<td>width(w)</td>
			<td>(string) [GETTER | SETTER] 对话框的宽度</td>
			<td><input type="button" name="width" value="width" 
				onclick="alert('弹出框的width为'+pop.width());"/></td>
		</tr>
		<tr>
			<td>left(l)</td>
			<td>(string) [GETTER | SETTER] 对话框距离浏览器左侧的距离</td>
			<td><input type="button" name="left" value="left" 
				onclick="alert('弹出框的left为'+pop.left());"/></td>
		</tr>
		<tr>
			<td>top(t)</td>
			<td>(string) [GETTER | SETTER] 对话框距离浏览器顶部的距离</td>
			<td><input type="button" name="top" value="top" 
				onclick="alert('弹出框的top为'+pop.top());"/></td>
		</tr>
		<tr>
			<td>url(u)</td>
			<td>(string) [GETTER | SETTER] 如果对话框是引用网址的话，这里是引用网址的url</td>
			<td><input type="button" name="url" value="url" 
				onclick="baidu.url('http://www.baidu.com');baidu.render();alert('弹出框的url为'+baidu.url());baidu.show();"/></td>
		</tr>
    </table>
  	<div><a href="../index.html">返回</a></div>
</body>
</html>

<script type="text/javascript">
	$zxt.init();
	var t = new zxt.ui.Datebox();
	$("#ttt").append( t.render() );
	
	var baidu = new zxt.ui.PopPanel();
	var pop = new zxt.ui.PopPanel();
	pop.caption("查询条件");
	pop.width(500);
	pop.height(200);
	pop.content($("#p1"));
	pop.render();

</script>
